<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="css/mode.css">
    <link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.css">


</head>
<body>
    <header>
        <div class="topBack">
            <div class="headTop clearfix container">
                <span class="cl">乐购www.legou.com</span>
                <div class="fr">
                    欢迎光临乐购&emsp;请
                    <span>登录</span>
                    <span>注册</span>
                </div>
            </div>
        </div>
        <div class="headNav container">
            <div class="logo fl"></div>

            <div class="serch clearfix">
                <div class="headNavMid">
                    <input type="text" placeholder="请输入搜索商品名" class="fl">
                <div class="serchBtn fl"></div>
                <div class="shopCar fl"><i class="fa fa-shopping-cart" aria-hidden="true"></i>购物车</div>
                <div class="order fl">我的订单</div>
                </div>
            </div>
            <div class="nav clearfix fl">
                <li><a href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>

            </div>
        </div>
    </header>

    <footer class="container">
        <div class="footerTop">
            <ul>
                <li class="intarduct">
                    <img src="images/footer1.jpg" alt="">
                    <div class="footerTopTiller">
                        <h2>正品保证</h2>
                        <p>正品行货&emsp;放心选购</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footerMid"></div>
        <div class="footerButton"></div>
    </footer>

    <!-- 引入当前文件的js -->
    <!-- <script src="js/index.js"></script> -->
</body>
</html>